<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/reset.css">
    <style>
        .a h3 {
            border-bottom: 1px solid #666;
            width: 200px;
            height: 50px;
            margin: auto;
            text-align: center;
            line-height: 49px;
        }

        .a h3 div {
            width: 40px;
            height: 3px;
            background-color: green;
            margin: auto;
        }

        img {
            width: 100%;
        }

        .list {
            width: 1200px;
            height: 1382px;
            margin: auto;
            margin-top: 33px;
        }

        .list li {
            padding-top: 22px;
            height: 250px;
            border-bottom: 1px solid #000;
        }

        .list1 {
            width: 312px;
            height: 192px;
            float: left;
            border: 1px solid #000;
        }

        .list1 img {
            width: 300px;
            height: 180px;
            background-color: #f00;
            margin-left: 6px;
            margin-top: 6px;
        }

        .list2 {
            width: 822px;
            height: 236px;
            float: right;
            background-color: #eee;
        }

        .list2 h6 {
            line-height: 44px;
        }

        .list2 p:last-child {
            text-align: right;
            margin-top: 57px;
        }

        .list2 p a {
            width: 94px;
            height: 30px;
            text-align: center;
            line-height: 30px;
            display: inline-block;

            transition: .3s;
        }

        .list2 p a:hover {
            background-color: green;
            color: #fff;
        }
    </style>
</head>

<body>

    <div class="a">
        <h3>项目服务 <div></div>
        </h3>
    </div>

    <!-- <div>
        <img src="../images/家政4_06.jpg" alt="">
    </div> -->

    <ul class="list">
        <li>
            <div class="list1">
                <img src="" alt="">
            </div>
            <div class="list2">
                <h3>花花露水花露水花露水花露水花露水花露水露水</h3>
                <h6 class="s1">
                    少时诵诗书所少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所
                </h6>
                <p class="s3">
                    少时少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所少时少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所少时少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所
                </p>
                <p>
                    <a href="">查看详情</a>
                </p>
            </div>
        </li>
        <li>
            <div class="list1">
                <img src="" alt="">
            </div>
            <div class="list2">
                <h3>花花露水花露水花露水花露水花露水花露水露水</h3>
                <h6 class="s1">
                    少时诵诗书所少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所
                </h6>
                <p class="s3">
                    少时少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所少时少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所少时少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所
                </p>
                <p>
                    <a href="">查看详情</a>
                </p>
            </div>
        </li>
        <li>
            <div class="list1">
                <img src="" alt="">
            </div>
            <div class="list2">
                <h3>花花露水花露水花露水花露水花露水花露水露水</h3>
                <h6 class="s1">
                    少时诵诗书所少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所
                </h6>
                <p class="s3">
                    少时少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所少时少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所少时少时诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所诵诗书所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所所
                </p>
                <p>
                    <a href="">查看详情</a>
                </p>
            </div>
        </li>
    </ul>

</body>

</html>